<template>
  <div class="login">
      <my-head title="登录">
        <Back></Back>
      </my-head>

      <div class="login-box">
          <div class="nav" >
            <van-tabs v-model="activeName" color="#ee0a24" title-active-color="#ee0a24" sticky>
              <van-tab title="账号登录" name="account">
                  <LoginByAccount/>
              </van-tab>
              <van-tab title="手机登录" name="phone">
                   <LoginByPhone/>
              </van-tab>
            </van-tabs>
          </div>
      </div>
  </div>
</template>

<script>
import LoginByAccount from './LoginByAccount.vue';
import LoginByPhone from './LoginByPhone.vue';

export default {
    data() {
        return {
            activeName: 'account'
        };
    },
    components: { LoginByAccount, LoginByPhone }
}
</script>
